Purpose

This pull request introduces several new utility functions and refactors existing code to improve support for flow template literals and emoji URIs in the JavaScript SDK. The main changes include the addition of new helpers for detecting and extracting emoji URIs, enhanced parsing and resolution of flow template literals (such as {{ t(key) }} and {{ meta(path) }}), and updates to the React ImageComponent to render emoji URIs as scalable emoji icons. The exports and type names have also been updated for clarity and consistency.

The most important changes are:

Flow Template Literal Support

• Added new utilities for parsing and handling flow template literals, including parseFlowTemplateLiteral, isMetaFlowTemplateLiteral, isTranslationFlowTemplateLiteral, and containsMetaFlowTemplateLiteral, enabling robust detection and extraction of translation and metadata expressions within strings. [1] [2] [3] [4]
• Refactored the variable resolution logic: replaced resolveVars with resolveFlowTemplateLiterals, updated its implementation to use the new parsing utilities, and renamed related types for clarity. [1] [2] [3] [4] [5]

Emoji URI Handling

• Introduced isEmojiUri and extractEmojiFromUri helpers to identify and extract emoji characters from URIs with the emoji: scheme. [1] [2] [3]

React Component Enhancement

• Updated the ImageComponent in React to support rendering emoji URIs as scalable emoji icons using the new emoji utilities, improving visual consistency and accessibility for emoji-based images. [1] [2]

Codebase Organization and Exports

• Updated exports in index.ts to expose the new utilities and renamed types, ensuring that consumers of the SDK have access to the latest helpers. [1] [2]

These changes collectively improve the SDK's flexibility in handling dynamic content and enhance support for both internationalization and emoji-based UI elements.

Related Issues

• SDK does not maintain element display order in flows with Headings thunder#1806
• Replace gstatic random logo generator with in-app emoji/icon picker for all resource avatars/logos (app, OU, user, etc.) thunder#1803

Related PRs

• N/A

Checklist

• Followed the CONTRIBUTING guidelines.
• Manual test round performed and verified.
• Documentation provided. (Add links if there are any)
• Unit tests provided. (Add links if there are any)

Security checks

• Followed secure coding standards in http://wso2.com/technical-reports/wso2-secure-engineering-guidelines?
• Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets?